<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>考勤管理导航</title>
    <link rel="stylesheet" href="../../lib/bootstrap-3.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../iconfont/iconfont.css">
    <link rel="stylesheet" href="../../css/nav.css">
    <link rel="stylesheet" href="../../css/header_nav.css">
    <script src="../../lib/jquery/jquery-3.6.0.js"></script>
    <script src="../../lib/bootstrap-3.4.1-dist/js/bootstrap.js"></script>

    <style>
        a{
            color: #0079fe;
        }
        h5{
            font-weight: bold;
        }
    </style>
</head>

<body>
    <div class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">确认提示</h4>
            </div>
            <div class="modal-body">
              <p>退出系统确认</p>
              <p>确认要退出登录吗?</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary outlogin">确定</button>
            </div>
          </div>
        </div>
      </div>
      <header class="clearfix">
        <div class="row">
            <div class="col-md-7 col-xs-7">
                <img src="../../iconfont-img/yuan.png" alt="">
                <h4>教师人力资源管理系统</h4>
            </div>
            <div class="col-md-5 col-xs-5">
                <div class="row">
                    <div class="col-md-4 col-xs-4">
                        <div id="search_name">
                            <input type="text" placeholder="请输入员工姓名"><span class="iconfont icon-search2"></span>
                        </div>
    
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <div class="row">
                            <div class="col-md-3 col-xs-3">
                                <div>
                                    <span class="iconfont icon-table_fill"></span>事项
                                    <div id="matter_div">
                                        <div>待办事项</div>
                                        <div class="row">
                                            <div class="col-md-6 col-xs-6">
                                                ●今日待审批请假申请（<span class="matter_num">0</span>）
                                            </div>
                                            <div class="col-md-6 col-xs-6">
                                                ●今日待审批加班申请（<span class="matter_num">0</span>）
                                            </div>
                                            <div class="col-md-6 col-xs-6">
                                                ●待处理的劳动合同续签（<span class="matter_num">0</span>）
                                            </div>
                                            <div class="col-md-6 col-xs-6">
                                                ●今日审批的出差申请（<span class="matter_num">0</span>）
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-xs-3">
                                <a href="../sider_nav/date.html"><span class="iconfont icon-kaoqin"></span>日历</a>
                            </div>
                            <div class="col-md-3 col-xs-3">
                                <a href=""><span class="iconfont icon-kaoqin"></span>消息</a>
                            </div>
                            <div class="col-md-3 col-xs-3">
                                <a href="../sider_nav/lock.html"><span class="iconfont icon-kaoqin"></span>锁屏</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2 col-xs-2" id="user_div">
                        <div>
                            <span class="iconfont icon-ren"></span><span class='username'></span><span class="iconfont icon-shanglajiantou"></span>
                            <div id="pull_down">
                                <div><a href="../sider_nav/changemsg.html">修改资料</a></div>
                                <div><a href="../sider_nav/changeimg.html">修改头像</a></div>
                                <div><a href="../sider_nav/changepwd.html">修改密码</a></div>
                                <div class="logout"><a href="../sider_nav/login.html">退出登录</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="row" id="main">
        <nav id="nav_left" class="col-md-2 col-xs-2">
            <ul>
                <li><a href="../xitongshouye--shikaiwen/shouye.html"><span class="iconfont icon-jurassic_home"></span>系统首页</a></li>
                <li><a href="../zuZhiGuanLi--wangHeng/zuZhiGuanLiDaoHang.html"><span class="iconfont icon-daifenpei"></span>组织管理</a></li>
                <li><a href="../zhaoPinGuanLi--songJiaYu/zhaoPinGuanLiShouYe.html"><span class="iconfont icon-ren"></span>招聘管理</a></li>
                <li><a href="../renshiguanli/renshiguanlidaohang.html"><span class="iconfont icon-sangeren"></span>人事管理</a></li>
                <li><a href="../kaoQinGuanLi--JiangPeng/kaoQinGuanLi.html"><span class="iconfont icon-kaoqin"></span>考勤管理</a></li>
                <li><a href="../xinchouFuLi--Heyinhua/xinchouFuLishouye.html"><span class="iconfont icon-shipin-sige"></span>薪酬福利</a></li>
                <li><a href="../../pages/xitongshouye--shikaiwen/gonggao.html"><span class="iconfont icon-laba"></span>通知公告</a></li>
                <li><a href="../XiTongGuanLi/XiTong.html"><span class="iconfont icon-shezhi"></span>系统管理</a></li>
            </ul>
        </nav>
        <div class="content_nav col-md-10 col-xs-10">
            <!-- 这个是内容上面带房子的导航栏 -->
            <div class="pull-left">
                <a href=""><span class="iconfont icon-jurassic_home"></span></a>
                <span class="iconfont icon-youjiantou"></span>一级分类
                <span class="iconfont icon-youjiantou"></span>考勤管理导航
            </div>
            <div class="pull-right">
                <a href=""><span class="iconfont icon-zuojiantou"></span></a>
                <a href=""><span class="iconfont icon-zhongzhi"></span></a>
            </div>
        </div>

        <div class="col-md-10 col-xs-10" id="content">
            <!-- 这里面装的内容 -->
            <div class="container">
                <div class="row">
                    <h4>基础设置</h4>
                    <hr>
                    <!-- 第一排
                    <div class="col-md-4">
                        <h5><a href="">参数设置</a></h5>
                        <p>考勤分析、考勤全局参数设置等</p>
                    </div>
                    <div class="col-md-4">
                        <h5><a href="">日历设置</a></h5>
                        <p>公司日历生成，工作日，休息日调整等</p>
                    </div>
                    <div class="col-md-4">
                        <h5><a href="">考勤期间</a></h5>
                        <p>公司考勤期间生成、编辑，查看等</p>
                    </div> -->

                    <!-- 第二排 -->
                    <div class="col-md-4">
                        <h5><a href="../kaoQinGuanLi--JiangPeng/kaoqinleibie.html">考勤类别</a></h5>
                        <p>定义请假、加班、调休等考勤类别，设置相应规则</p>
                    </div>
                </div>

                <!-- 下半部分第一排 -->
                <div class="row">
                   
                    <h4>刷卡记录</h4>
                    <hr>
                    
                    <div class="col-md-6">
                        <h5><a href="../kaoQinGuanLi--JiangPeng/yuanshishuakashuju.html">原始刷卡数据</a></h5>
                        <p>获取从各渠道的员工刷卡数据，作为考勤分析的依据</p>
                    </div>
                </div>

                <!-- 下半部分第三排 -->
                <div class="row"> 
                    <h4>请假管理</h4>
                    <hr>
                    <div class="col-md-6">
                        <h5><a href="../kaoQinGuanLi--JiangPeng/qingjiadengji.html">请假登记</a></h5>
                        <p>手动登记或审批自动记录员工请假申请记录，作为考勤分析依据。</p>
                    </div>
                </div>

                <div class="row">
                    <h4>加班管理</h4>
                    <hr>
                    <div class="col-md-6">
                        <h5><a href="../kaoQinGuanLi--JiangPeng/jiabandengji.html">加班登记</a></h5>
                        <p>手动登记或审批自动记录员工加班申请记录，作为考勤分析依据。</p>
                    </div>
                </div>

                <!-- 下半部分第四排 -->
                <div class="row">
                    <h4>考勤分析与结账</h4>
                    <hr>
                    <div class="col-md-6">
                        <h5><a href="../kaoQinGuanLi--JiangPeng/kqfx_kqjz.html">考勤分析与结账</a></h5>
                        <p>手动或自动进行考勤分析，处理考勤异常，生成考勤汇总表，作为算薪依据；对考勤数据进确定汇总后，提供薪资模块算薪，确定无误后对当前考勤月的考勤数据进行结账。</p>
                    </div>
                </div>

                <!-- <div class="row">
                    <h4>考勤结账</h4>
                    <hr>
                    <div class="col-md-6">
                        <h5><a href="../kaoQinGuanLi--JiangPeng/胡编中kaoqinjiezhang.html">考勤结账</a></h5>
                        <p>对考勤数据进确定汇总后，提供薪资模块算薪，确定无误后对当前考勤月的考勤数据进行结账。</p>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
</body>
<script src="../../js/nav.js"></script>

</html>